<?php

$body_class = 'calendar';
$addon_css = '<link href="css/datepicker3.css" rel="stylesheet">';
$addon_js = '<script src="js/bootstrap-datepicker.js"></script>';
?>

<?php include('header.php'); ?>
    <div class="favourites-wrap">
        <div class="container">
            <div class="row">
                <h1 class="p-title text-center favourites-title">Calendar</h1>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="gsc-wrap-content">
            <div class="row">
                <div class="col-xs-6 gsd-col-left">
                    <div id="gsd-calendar-picker"></div>
                    <script>
                        jQuery(document).ready(function () {
                            jQuery('#gsd-calendar-picker').datepicker({
                                format: "mm/dd/yyyy",
                                weekStart: 7,
                                daysOfWeekDisabled: "0,6",
                                todayHighlight: true
                            });
                        });
                    </script>
                    <div class="datepicker-options">
                        <div class="row">
                            <div class="col-xs-4">
                                <h6 class="do-title">Display</h6>

                                <form action="#">
                                    <p>
                                        <input type="checkbox" id="d1" checked="checked"/>
                                        <label for="d1">All</label>
                                    </p>
                                </form>
                            </div>
                            <div class="col-xs-4">
                                <h6 class="do-title">My Account</h6>

                                <form action="#">
                                    <p>
                                        <input type="checkbox" id="ma1" checked="checked"/>
                                        <label for="ma1">All</label>
                                    </p>

                                    <p>
                                        <input type="checkbox" id="ma2" checked="checked"/>
                                        <label for="ma2">All</label>
                                    </p>
                                </form>
                            </div>
                            <div class="col-xs-4">
                                <h6 class="do-title">Family</h6>

                                <form action="#">
                                    <p>
                                        <input type="checkbox" id="f1" checked="checked"/>
                                        <label for="f1">Mark Lim</label>
                                    </p>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 gsd-col-right">
                    <div class="calendar">
                        <h3 class="calendar-detail-title">22 December 2014</h3>

                        <div class="calendar-detail-items">
                            <div class="cdi-item">
                                <div class="cdi-time">

                                </div>
                            </div>
                            <div class="calendar-detail-item clearfix">
                                <div class="col-xs-3">
                                    <div class="cdi-time">
                                        <img src="img/icon/dot-blue.png"/> 3:00PM
                                    </div>
                                </div>
                                <div class="col-xs-65 cdi-info">
                                    <p><strong>Rick</strong></p>

                                    <p>Dr. Jane Smith</p>

                                    <p>Sunshine Clinic</p>
                                </div>
                                <div class="col-xs-25">
                                    <a href="#" class="btn btn-green btn-cdi">View</a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php include('footer.php'); ?>